<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>产品详细</title>
		<meta name="keywords" content=""/>
		<meta name="description" content=""/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/detail.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont%20(2).css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<div class="web">
			<div class="header">
				<div class="anniu">
					<button>Back</button>
				</div>
				<div class="sub">
					<p>产品详细</p>
				</div>
				<div class="city-boxs">
					<i class="iconfont icon-shoucang11"></i>
				</div>
			</div>
			<main>
				<div class="img-top">
					<div class="img-box">
						<img src="img/寿司.jpg" >
					</div>
				</div>
				<div class="shopping clear">
					<p class="fl">￥32</p>
					<button class="fr">购买</button>
				</div>
				<div class="main-wrap clear">
					<div class="left fl">
						<i class="iconfont icon-shoucang11"></i>
						<span>好评度</span>
						<span>99%</span>
					</div>
					<div class="right fr">
						<span>共605个评价</span>
						<i class="iconfont icon-gengduo2"></i>
					</div>
				</div>
				<div class="yes clear">
					<p class="fl">适用商户</p>
					<i class="iconfont icon-gengduo2 fr"></i>
				</div>
				<div class="con-box">
					<div class="img-box">
						<img src="img/万岁寿司.jpg" >
					</div>
					<div class="con">
						<p>万岁寿司（正佳店）</p>
						<i class="iconfont icon-shoucang11"></i>
						<i class="iconfont icon-shoucang11"></i>
						<i class="iconfont icon-shoucang11"></i>
						<i class="iconfont icon-shoucang11"></i>
						<i class="iconfont icon-shoucang11"></i>
						<span>10分</span>
						<p>离你100m</p>
						<a href="">查看详情</a>
					</div>
					<div class="bu">
						<button>进入</button>
					</div>
				</div>
				<div class="con-box">
					<div class="img-box">
						<img src="img/万岁寿司.jpg" >
					</div>
					<div class="con">
						<p>万岁寿司（正佳店）</p>
						<i class="iconfont icon-shoucang11"></i>
						<i class="iconfont icon-shoucang11"></i>
						<i class="iconfont icon-shoucang11"></i>
						<i class="iconfont icon-shoucang11"></i>
						<i class="iconfont icon-shoucang11"></i>
						<span>10分</span>
						<p>离你100m</p>
						<a href="">查看详情</a>
					</div>
					<div class="bu">
						<button>进入</button>
					</div>
				</div>
				<div class="con-box">
					<div class="img-box">
						<img src="img/万岁寿司.jpg" >
					</div>
					<div class="con">
						<p>万岁寿司（正佳店）</p>
						<i class="iconfont icon-shoucang11"></i>
						<i class="iconfont icon-shoucang11"></i>
						<i class="iconfont icon-shoucang11"></i>
						<i class="iconfont icon-shoucang11"></i>
						<i class="iconfont icon-shoucang11"></i>
						<span>10分</span>
						<p>离你100m</p>
						<a href="">查看详情</a>
					</div>
					<div class="bu">
						<button>进入</button>
					</div>
				</div>
				
			</main>
			<footer>
					<ul>
						<li>
							<a href="index.html">
								<i class="iconfont icon-home"></i>
								<p>首页</p>
							</a>
						</li>
						<li>
							<a href="subject.html">
								<i class="iconfont icon-leimupinleifenleileibie"></i>
								<p>分类</p>
							</a>
						</li>
						<li>
							<a href="find.html">
								<i class="iconfont icon-faxian"></i>
								<p>发现</p>
							</a>
						</li>
						<li>
							<a href="mine.html">
								<i class="iconfont icon-wodeA"></i>
								<p>我的</p>
							</a>
						</li>
					</ul>
				</footer>
			
		</div>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
